<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>htp游戏大厅</title>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/jquery-weui.min.css"/>
    <link rel="stylesheet" href="css/weui.min.css"/>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/jquery-weui.min.js"></script>
</head>
<body>
<div class="head">
    <div class="photo">
        <img src="images/men.jpg" alt=""/>
    </div>
    <div class="name" id="id_wx_nick">
    小桃桃
    </div>
    <div class="change">
        <img src="images/changename.png" alt="" class="xg"/>
    </div>
</div>
<div class="lastGame_box">
    <div class="lastGame_title">最近试玩</div>
    <div class="lastGame_list">
        <ul style="width: 830px">
            <li>
                <a href="#">
                    <div class="lastGame">
                    <div class="lastGame_img_box">
                        <img src="images/G_XYZB_BR.png" alt=""/>
                    </div>
                    <p>西游争霸</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="lastGame">
                        <div class="lastGame_img_box">
                            <img src="images/G_BJL_BR.png" alt=""/>
                        </div>
                        <p>欢乐30秒</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="lastGame">
                        <div class="lastGame_img_box">
                            <img src="images/SLOTS_DRIFT.png" alt=""/>
                        </div>
                        <p>豪车漂移</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="lastGame">
                        <div class="lastGame_img_box">
                            <img src="images/SLOTS_FISH.png" alt=""/>
                        </div>
                        <p>捕鱼来了</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="lastGame">
                        <div class="lastGame_img_box">
                            <img src="images/SLOTS_FQZS.png" alt=""/>
                        </div>
                        <p>飞禽走兽</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="banner">
    <img src="images/banner_wechat1.jpg" alt=""/>
</div>
<div class="gameList_bg">
<div class="gameList_box" id="id_wx_gameBox">
<ul id="id_wx_gameType">
<li>
    <div class="gameList">
    <div class="gameList_img_box">
        <img src="images/SLOTS_DRIFT.png" alt=""/>
    </div>
    <div class="gameList_name">
    <span>豪车漂移</span>
    <p>轻松易爆一起开炮，放胆捕放肆赢！</p>
    </div>
    <div class="anniu">
    <button>1倍场</button>
    <button>5倍场</button>
    <button>10倍场</button>
    <button>30倍场</button>
    <button>50倍场</button>
    <button>100倍场</button>
    </div>
    </div>
</li>
    <li>
        <div class="gameList">
            <div class="gameList_img_box">
                <img src="images/G_BJL_BR.png" alt=""/>
            </div>
            <div class="gameList_name">
                <span>欢乐30秒</span>
                <p>轻松易爆一起开炮，放胆捕放肆赢！</p>
            </div>
            <div class="anniu">
                <button>1倍场</button>
                <button>5倍场</button>
                <button>10倍场</button>
                <button>30倍场</button>
                <button>50倍场</button>
                <button>100倍场</button>
            </div>
        </div>
    </li><li>
    <div class="gameList">
        <div class="gameList_img_box">
            <img src="images/G_XYZB_BR.png" alt=""/>
        </div>
        <div class="gameList_name">
            <span>西游争霸</span>
            <p>轻松易爆一起开炮，放胆捕放肆赢！</p>
        </div>
        <div class="anniu">
            <button>1倍场</button>
            <button>5倍场</button>
            <button>10倍场</button>
            <button>30倍场</button>
            <button>50倍场</button>
            <button>100倍场</button>
        </div>
    </div>
</li>
</ul>
</div>
</div>
<script>
    $(function(){
    $(".xg").click(function(){
        $.prompt({
            title: '修改昵称',
            text: '请输入昵称',
            input: '',
            empty: false, // 是否允许为空
            onOK: function (input) {
            //确认时执行一个事件
            $("#id_wx_nick").text(input)
            },
            onCancel: function () {
            //取消时执行一个事件
            }
        });
    })
    })
</script>
</body>
</html>